$(function () {
    var page = 1
    var pageSize = 5
    var currentPage = 1



    /* 渲染列表 */
    function render() {
        $.ajax({
            url: '/category/querySecondCategoryPaging',
            dataType: 'json',
            data: {
                page: currentPage,
                pageSize: pageSize
            },
            success: function (info) {
                console.log(info)
                $('tbody').html(template('twoTemp', info))
                var total = Math.ceil(info.total / info.size)
                serPage(total)
            }
        })
    }
    render()


    /* 生成分页标签 */
    function serPage(total) {
        $("#pagintor").bootstrapPaginator({
            bootstrapMajorVersion: 3,//默认是2，如果是bootstrap3版本，这个参数必填
            currentPage: currentPage,//当前页
            totalPages: total || 5,//总页数
            size: "small",//设置控件的大小，mini, small, normal,large
            onPageClicked: function (event, originalEvent, type, page) {
                //为按钮绑定点击事件 page:当前点击的按钮值
                // console.log(page)
                currentPage = page
                render()
            }
        });
    }


    /* 获取一级分类信息 */
    $.ajax({
        url: '/category/queryTopCategoryPaging',
        dataType: 'json',
        data: {
            page: currentPage,
            pageSize: 10,
        },
        success: function (info) {
            $('.dropdown-menu').html(template('lv1_temp', info))
        }
    })


    // 4. 配置图片上传
    $('#fileupload').fileupload({
        // 指定数据类型为 json
        dataType: "json",
        // done, 当图片上传完成, 响应回来时调用
        done: function (e, data) {
            console.log(data)
            // 获取上传成功的图片地址
            var picAddr = data.result.picAddr;
            // 设置图片地址
            $('.bran_logo').attr("src", picAddr);
            // 将图片地址存在隐藏域中
            $('[name="brandLogo"]').val(picAddr);

            // console.log($('[name="brandLogo"]').val())
            // 重置校验状态
            // $('#form').data("bootstrapValidator").updateStatus("brandLogo", "VALID")
        }
    });

    /* 获取categoryId */
    $('.dropdown').on('click', '.dropdown-menu li', function () {
        $('[name="categoryId"]').val($(this).attr('data-id'))
        $('.one_name').text($(this).text())
        // console.log($('[name="categoryId"]').val())
    })


    $('.cate_add').click(function () {
        console.log($('#form').serialize())
        $.ajax({
            url:'/category/addSecondCategory',
            data: $('#form').serialize(),
            dataType: 'json',
            type: "POST",
            success: function (info) {
                render()
                $('.modal-add').modal('hide')
            }
        })
    })



 /*    // 5. 配置表单校验
    $('#form').bootstrapValidator({

        // 将默认的排除项, 重置掉 (默认会对 :hidden, :disabled等进行排除)
        excluded: [],

        // 配置图标
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },

        // 校验的字段
        fields: {
            // 品牌名称
            brandName: {
                //校验规则
                validators: {
                    notEmpty: {
                        message: "请输入二级分类名称"
                    }
                }
            },
            // 一级分类的id
            categoryId: {
                validators: {
                    notEmpty: {
                        message: "请选择一级分类"
                    }
                }
            },
            // 图片的地址
            brandLogo: {
                validators: {
                    notEmpty: {
                        message: "请上传图片"
                    }
                }
            }
        }
    });
 */


})



